<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="/css/animate.css" rel="stylesheet">
<link href="/css/layui.css" rel="stylesheet">
<link href="/css/style.css?v=4.1.0" rel="stylesheet">
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="signupForm">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">商品名称：</label>
                            <div class="col-sm-9">
                                <input id="name" name="name" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">所属分类：</label>
                            <div class="col-sm-9">
                                <select data-placeholder="选择分类" class="form-control chosen-select" id="categoryId"
                                        name="categoryId">
                                    <option value="">选择分类</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">价格：</label>
                            <div class="col-sm-9">
                                <input id="price" name="price" class="form-control" type="number">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">库存量：</label>
                            <div class="col-sm-9">
                                <input id="stock" name="stock" class="form-control" type="number">
                            </div>
                        </div>
                        <div class="form-group">
                            <input type="hidden" name="imgIds" id="imgIds">
                            <label class="col-sm-2 control-label">商品主图：</label>
                            <div class="col-sm-9">
                                <input type="hidden" name="imgId" id="imgId1">
                                <div class="attachment">
                                    <div class="file-box">
                                        <div class="photos" id="imgId1Div"></div>
                                        <div class="file-name">
                                            <button type="button" class="btn btn-warning btn-xs copy"
                                                    id="imgId1Upload">
                                                <i class="layui-icon"></i>上传图片
                                            </button>
                                            <text style="color: red;font-weight: bold;">建议图片尺寸 350 * 350</text>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">商品主图：</label>
                            <div class="col-sm-9">
                                <input type="hidden" name="imgId" id="imgId2">
                                <div class="attachment">
                                    <div class="file-box">
                                        <div class="photos" id="imgId2Div"></div>
                                        <div class="file-name">
                                            <button type="button" class="btn btn-warning btn-xs copy"
                                                    id="imgId2Upload">
                                                <i class="layui-icon"></i>上传图片
                                            </button>
                                            <text style="color: red;font-weight: bold;">建议图片尺寸 350 * 350</text>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">商品主图：</label>
                            <div class="col-sm-9">
                                <input type="hidden" name="imgId" id="imgId3">
                                <div class="attachment">
                                    <div class="file-box">
                                        <div class="photos" id="imgId3Div"></div>
                                        <div class="file-name">
                                            <button type="button" class="btn btn-warning btn-xs copy"
                                                    id="imgId3Upload">
                                                <i class="layui-icon"></i>上传图片
                                            </button>
                                            <text style="color: red;font-weight: bold;">建议图片尺寸 350 * 350</text>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">商品主图：</label>
                            <div class="col-sm-9">
                                <input type="hidden" name="imgId" id="imgId4">
                                <div class="attachment">
                                    <div class="file-box">
                                        <div class="photos" id="imgId4Div"></div>
                                        <div class="file-name">
                                            <button type="button" class="btn btn-warning btn-xs copy"
                                                    id="imgId4Upload">
                                                <i class="layui-icon"></i>上传图片
                                            </button>
                                            <text style="color: red;font-weight: bold;">建议图片尺寸 350 * 350</text>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">商品亮点：</label>
                            <div class="col-sm-9">
                                <input id="summary" name="summary" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <input id="details" name="details" type="hidden">
                            <label class="col-sm-2 control-label">商品详情：</label>
                            <div class="col-sm-9">
                                <text style="color: red;font-weight: bold;">商品详情建议图片尺寸 750 * 400</text>
                                <br>
                                <div class="ibox-content no-padding">
                                    <div id="details_sn" class="summernote"></div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-8 col-sm-offset-3">
                                <button type="submit" class="btn btn-primary">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script src="/js/layui.js"></script>
<script type="text/javascript" src="/js/appjs/product/add.js">
</script>
</body>
</html>
